/* pages/collect/index.wxss */
page {
	background-color: #FBFBFBFF;
}

.container {
	padding: 32rpx 32rpx 32rpx 0;
	padding-bottom: calc(32rpx + constant(safe-area-inset-bottom));
	padding-bottom: calc(32rpx + env(safe-area-inset-bottom));
}

.item-box {
	margin-left: 32rpx;
	border-radius: 12rpx;
	overflow: hidden;
	margin-top: 32rpx;

	&:first-child {
		margin-top: 0;
	}
}

.group-box {
	background-color: white;
}

.pl16 {
	padding-left: 16rpx;
}



.card-box {
	width: 638rpx;
	background-color: white;
	padding: 24rpx;
	padding-left: 0;
	display: flex;
	align-items: center;

	.cover {
		width: 176rpx;
		height: 176rpx;
		border-radius: 12rpx;
		overflow: hidden;
	}

	.right-box {
		flex: 1;
		margin-left: 24rpx;
		height: 176rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;

		.title {
			font-size: 24rpx;
			color: #303030FF;
			padding-right: 30rpx;
			-webkit-line-clamp: 3;
			/*限制3行*/
			-webkit-box-orient: vertical;
			text-overflow: ellipsis;
			overflow: hidden;
			display: -webkit-box;
		}

		.bottom-box {
			display: flex;
			align-items: flex-end;
			justify-content: space-between;

			.price {
				font-size: 20rpx;
				color: #FB2B2CFF;
			}
		}

		.btn {
			width: 148rpx;
			height: 48rpx;
			font-size: 24rpx;
			padding: 0;
			border-radius: 24rpx;
		}
	}
}

.slide-box {
	display: flex;
}

.delete,
.cancel {
	width: 40rpx;
	height: 232rpx;
	padding: 0 30rpx;
	font-size: 20rpx;
	display: flex;
	align-items: center;
	justify-content: center;
}

.delete {
	background-color: #F1F1F1FF;
	color: #B9B9B9FF;
}

.cancel {
	background-color: #FF7733FF;
	color: white;
}

.bottom-container {
	position: fixed;
	bottom: 0;
	width: calc(100vw - 66rpx);
	height: 120rpx;
	background-color: white;
	padding-left: 34rpx;
	padding-right: 32rpx;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
	display: flex;
	align-items: center;
	justify-content: space-between;

	.btn-box {
		display: flex;
		align-items: center;
		gap: 16rpx;

		.btn {
			width: 180rpx;
			height: 64rpx;
			border-radius: 32rpx;
			font-size: 24rpx;
		}
	}
}